<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击</button>
    <input type="text">
    <script>
        /* 
         键盘事件:
                依赖于键盘行为触发的事件

         注意 任何元素都可以作为事件源 绑定键盘事件 
              但是不是所有的都会被触发 
              只有 window / document  / 表单元素(可被选中的)
        
        1. keydown 
            键盘按下   任意键都可以触发
        2. keyup 
            键盘抬起   任意键都可以触发
        3. keypress 
            也是键盘按下 只有为数不多的键可以被触发
            只能监听字母和数字   

            ctrl shift alt 箭头  esc  不能监听
        
        */

        // var btn = document.querySelector('button');

        // window.onkeydown = function(){
        //     alert('键盘按下')
        // }


        // document.onkeydown = function(){
        //     alert('键盘按下')
        // }

        // var inp = document.querySelector('input');

        // inp.onkeydown = function(){
        //     alert('键盘按下')
        // }

        // keyup
        // window.onkeyup = function(){
        //     alert('键盘抬起')
        // }

        // window.onkeypress = function(){
        //     alert('键盘press'); // 普通字母  数字  回车   能监听 其它监听不了 
        // }

    </script>
</body>
</html>